$(document).ready(function(){

var miejsce = document.getElementById('miejsca');//$('#miejsca');////

var tekst ="";
tekst+='<table>';
for(var i=0; i<20; i++){
	tekst+='<tr><td style="width: 100px; text-align: right;">Rząd: '+(i+1)+" </td>";
	for(var j=0;j<15;j++){	
		tekst+="<td><input type='button' name='sala' value='"+(j+1)+"' /></td>";
	}
	tekst+="</tr>";
	
}
tekst+='</table></div><br />';
miejsce.innerHTML=tekst;

/*
for(var i=0; i<20; i++){
	miejsce.append('<div style="width: 100px; text-align: right; float: left">Rząd: '+(i+1)+" </div>");
	miejsce.append('<div class="miejsca-w" style="padding-left: 110px; text-align: left;">');
	var wiersze = $('.miejsca-w');
	for(var j=0;j<15;j++){
		wiersze.eq(i).append("<input type='button' name='sala' value='"+(j+1)+"' />");
	}
	miejsce.append('<br />');
}
*/
var miejsca = document.getElementsByName('sala');
var div = $('<div style="position: absolute; width: 100px; height: 30px; background-color: #F00;"></div>');
//div.attr('id', 'asda');//asd</div>";

var dymek = div;

$.each(miejsca, function(i){
	$(this).click(function(){$(miejsca).eq(i).after(dymek);});
	
});

})
